<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>匹克官方网店|匹克官方商城 - I CAN PLAY!斗志改未知!</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/storePage.css">
</head>
<body>
    <!-- 引入头部代码 -->
    <div class="store-page-header"></div>

    <!-- 轮播图二号 -->
    <div class="banner"></div>
    <div class="click-li">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
     </div>


<!-- 篮球模块 -->
     <!-- 标题代码可复用 -->
     <div class="title-line">
        <div class="box-line"></div>
        <div class="title">
            <p>篮球</p>
            <p>BASKETBALL</p>
        </div>
     </div>

     <!-- 图片分割代码可复用 -->
     <div class="img-line">
        <div class="bgc-line-1">
            <p class="hh">叫板地心引力</p>
            <p class="jj">我的主场我捍卫</p>
            <p class="jj">尽管开打，突破到底</p>
            <ul>
                <li><a>帕克系列</a></li>
                <li><a>路威系列</a></li>
                <li><a>外场系列</a></li>
            </ul>
        </div>
        <img src="../images/page2/line/index1.png">
     </div>
<!-- 篮球相关货物 -->
<main class="ball-main">
    <div class="banxin">
        <ul class="check-button">
            <li>热<br>销</li>
            <li>篮<br>球<br>鞋</li>
            <li>篮<br>球<br>服</li>
        </ul>
        <figure>
            <img alt="加载失败" class="goods-img">
            <figcaption class="goods-name"></figcaption>
            <p class="goods-price"></p>
        </figure>
        <figure>
            <img alt="加载失败" class="goods-img">
            <figcaption class="goods-name"></figcaption>
            <p class="goods-price"></p>
        </figure>
        <figure>
            <img alt="加载失败" class="goods-img">
            <figcaption class="goods-name"></figcaption>
            <p class="goods-price"></p>
        </figure>
        <figure>
            <img alt="加载失败" class="goods-img">
            <figcaption class="goods-name"></figcaption>
            <p class="goods-price"></p>
        </figure>
        <figure>
            <img alt="加载失败" class="goods-img">
            <figcaption class="goods-name"></figcaption>
            <p class="goods-price"></p>
        </figure>
        <figure>
            <img alt="加载失败" class="goods-img">
            <figcaption class="goods-name"></figcaption>
            <p class="goods-price"></p>
        </figure>
        <figure>
            <img alt="加载失败" class="goods-img">
            <figcaption class="goods-name"></figcaption>
            <p class="goods-price"></p>
        </figure>
        <figure>
            <img alt="加载失败" class="goods-img">
            <figcaption class="goods-name"></figcaption>
            <p class="goods-price"></p>
        </figure>
        <figure>
            <img alt="加载失败" class="goods-img">
            <figcaption class="goods-name"></figcaption>
            <p class="goods-price"></p>
        </figure>
        <div><p style="font-size: 26px;">查看</p><p>热销&gt;</p></div>
    </div>
</main>




<!-- 跑步模块 -->
     <div class="title-line">
        <div class="box-line"></div>
        <div class="title">
            <p>跑步</p>
            <p>RUNNING</p>
        </div>
     </div>
        
     <div class="img-line-1">
        <div class="bgc-line-right">
            <p class="hh">对征途心存敬畏</p>
            <p class="jj">向往终点，也尊敬通往终点的征途</p>
            <p class="jj">千百次的训练背后，有我撑你</p>
            <ul>
                <li><a>飞织系列</a></li>
                <li><a>减震系列</a></li>
            </ul>
        </div>
        <img src="../images/page2/line/index2.png">
     </div>
<!-- 跑步相关货物 -->
     <main class="run-main">
        <div class="banxin">
            <ul class="check-button">
                <li>热<br>销</li>
                <li>跑<br>步<br>鞋</li>
                <li>运<br>动<br>服</li>
            </ul>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <div><p style="font-size: 26px;">查看</p><p>热销&gt;</p></div>
        </div>
    </main>




<!-- 综训模块 -->
     <div class="title-line">
        <div class="box-line"></div>
        <div class="title">
            <p>综训</p>
            <p>TRAINING</p>
        </div>
     </div>

     <div class="img-line">
        <div class="bgc-line-2">
            <p class="hh">极致清爽</p>
            <p class="jj">用一套好的装备武装自己</p>
            <p class="jj">练一身棒的身材美煞旁人</p>
            <ul>
                <li><a>男子系列</a></li>
                <li><a>女子系列</a></li>
            </ul>
        </div>
        <img src="../images/page2/line/index4.png">
     </div>
<!-- 综训相关货物 -->
     <main class="train-main">
        <div class="banxin">
            <ul class="check-button">
                <li>热<br>销</li>
                <li>新<br>品</li>
            </ul>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <div><p style="font-size: 26px;">查看</p><p>热销&gt;</p></div>
        </div>
    </main>



<!-- 运动生活模块 -->
     <div class="title-line">
        <div class="box-line"></div>
        <div class="title">
            <p>运动生活</p>
            <p>SPORTS LIFE</p>
        </div>
     </div>
     
     <div class="img-line-1">
        <div class="bgc-line-right-1">
            <p class="hh">锻炼专造</p>
            <p class="jj">简约而不简单的穿搭</p>
            <p class="jj">演绎运动潮流生活</p>
            <ul>
                <li><a>小白鞋</a></li>
                <li><a>卫衣系列</a></li>
            </ul>
        </div>
        <img src="../images/page2/line/index2.png">
     </div>
<!-- 运动生活相关货物 -->
     <main class="life-main">
        <div class="banxin">
            <ul class="check-button">
                <li>热<br>销</li>
                <li>新<br>品</li>
            </ul>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <figure>
                <img alt="加载失败" class="goods-img">
                <figcaption class="goods-name"></figcaption>
                <p class="goods-price"></p>
            </figure>
            <div><p style="font-size: 26px;">查看</p><p>热销&gt;</p></div>
        </div>
    </main>
     

    <!-- 引入尾部代码 -->
    <div class="store-page-footer"></div>
</body>
</html>
<script src="../js/jQuery.js"></script>
<script src="../js/cookieBox.js"></script>
<script src="../js/storePage.js"></script>











